{#
  The following 2 meta tags *must* come first in the <head>
  to consistently ensure proper document rendering.
  Any other head element should come *after* these tags.
#}
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<!-- Locale -->
<meta http-equiv="Content-Language" content="{{ config('app.locale') }}">

<!-- To the Future! -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<!-- Meta Tags -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="generator" content="{{ config_get('streams::distribution.name') }}"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta name="description" content="{{ trans(template.meta_description) }}"/>

{{ template.includes.render('meta')|raw }}

<title>
    {{ setting_value('streams::name', config_get('streams::distribution.name')) }}
    &#8250;
    {{ trans(template.meta_title) }}
</title>

<!-- Favicon -->
{#{{ favicons("theme::img/favicon.png") }}#}

{# Important!! #}
{{ constants() }}

{# Base Theme Components #}
{{ asset_add("theme.css", "theme::lib/bootstrap/css/bootstrap.css") }}

{# Specific Build Files #}
{{ asset_add("theme.css", "theme::lib/animate/animate.css") }}
{{ asset_add("theme.css", "theme::lib/font-awesome/css/font-awesome.css") }}
{{ asset_add("theme.css", "theme::lib/ionicons/css/ionicons.min.css") }}
{{ asset_add("theme.css", "theme::lib/magnific-popup/magnific-popup.css") }}

{{ asset_style("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700|Open+Sans:300,300i,400,400i,700,700i") }}

{{ asset_style("theme.css",["min"]) }}

{{ asset_add("main.css", "theme::css/style.css") }}

{{ asset_style("main.css",["min"]) }}

{# Include Asset Collections #}
{#<style type="text/css">#}
{#    {{ asset_inline("theme.css", ["min"]) }}#}
{#    {{ asset_inline("build.css", ["parse", "min"]) }}#}
{#</style>#}

{{ template.includes.render('head')|raw }}
